// @ts-nocheck
import { nextTick } from 'vue';
/**
 * v-scroll-animate  把“插入 + 动画 + 回调”封装成指令
 * 用法：
 *   <div v-scroll-animate="{ onDone: () => {} }"> ... </div>
 */
export default {
    name:"scrollAnimate",
    mounted(el:any, binding:any) {
        // 标记当前行正在做“新数据”动画
        el.classList.add('is-new');
        nextTick(() => {
            // 动画时长 1.5s，与 CSS 动画保持一致
            el.addEventListener(
                'animationend',
                () => {
                    el.classList.remove('is-new');
                    binding.value?.onDone?.();
                },
                { once: true }   // 只监听一次即可
            );
        });
    }
};